<template>
    <!-- 标题部分 -->
    <div class="dashboard-header">
      <div class="header-title"></div>
    </div>
</template>

<script>
</script>

<style scoped>
.dashboard-header {
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 50px;
  background: url('../assets//images/header-bg.png') center no-repeat;
  z-index: 10;
}

.header-title {
  display: block;
  margin: 14px auto 0;
  height: 50px;
  object-fit: contain;
}

/* 响应式处理 */
@media screen and (max-width: 1920px) {
  .dashboard-container {
    zoom: 0.8; /* 根据屏幕尺寸缩放 */
  }
}
</style>